```html
<script lang="ts">
  import { Amplify } from 'aws-amplify';
  import { Authenticator } from '@aws-amplify/ui-svelte'
  import "@aws-amplify/ui-svelte/styles.css";
  import awsconfig from './aws-exports';

  Amplify.configure(awsconfig);
</script>

<Authenticator>
  {#snippet children({ user, signOut })}
    <h1>Hello {user.username}!</h1>
    <button onclick={signOut}>Sign Out</button>
  {/snippet}
</Authenticator>
```
